<!--
 * @Author: zhuxiaoyi
 * @Date: 2023-12-20 15:03:42
 * @LastEditor: zhuxiaoyi
 * @LastEditTime: 2023-12-21 21:56:55
 * @Description: 
-->
<template>
    <el-row>
        <el-col :span="24">
            <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" router>
                <el-menu-item index="0">
                    <!--  <img style="width: 100px" src="https://boardmix.cn/community/assets/brand.699daedd.svg"
                        alt="Element logo" /> -->
                        <span>&nbsp;</span>
                </el-menu-item>
                <div style="width: 100px;"></div>
                <el-menu-item index="/index/guide">首页</el-menu-item>
                <!-- <el-menu-item index="/index/gathering">数据采集</el-menu-item> -->
                <el-menu-item index="/index/labeling">数据标注</el-menu-item>
                <!-- <el-menu-item index="/index/result"></el-menu-item> -->
                <!-- <el-menu-item index="/index/model">BERT模型</el-menu-item> -->
                <el-menu-item index="/index/matching">模式匹配</el-menu-item>
                <el-menu-item index="/index/prediction">工具预测</el-menu-item>
                <el-menu-item index="/index/modelPrediction">模型预测</el-menu-item>
                <el-menu-item index="/index/align">实体对齐</el-menu-item>
                <el-menu-item index="/index/graph">图谱可视化</el-menu-item>
            </el-menu>
        </el-col>
    </el-row>
    <el-row>
        <el-col :span="24">
            <router-view></router-view>
        </el-col>
    </el-row>
</template>
<script setup>
import { defineComponent, reactive, ref, toRefs, onMounted, watch } from "vue";
import { useRoute, useRouter } from "vue-router";
const route = useRoute();
const router = useRouter();
let activeIndex = ref(route.path)
watch(() => router.currentRoute.value.path, (toPath) => {
    activeIndex.value = toPath
}, { immediate: true, deep: true })
</script>
    
<style lang="scss" scoped>
.flex-grow {
    flex-grow: 1;
}
</style>
<style lang="scss">
.el-drawer__title {
    font-size: 0.16rem;
}
</style>